<template>
  <div>
    goods-id文件 {{id}} -- {{a}} -- {{b}}
  </div>
</template>

<script>
  export default {
    name: "goods-id",
    transition: "test",
    validate({params, query}) {
      return typeof params.id === 'number'
    },
    asyncData({params, query}){
      return {
        id: params.id,
        a: query.a,
        b: query.b
      }
    }
  }
</script>

<style scoped>
  .test-enter-active, .test-leave-active{
    transition: .3s ease all;
  }

  .test-enter, .test-leave-active{
    margin-left: -1000px;
  }
</style>
